<!-- 案例分析：点击的显示，其他的隐藏
     移动的背景是用 定位 进行移动 -->
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>桃子味的狐</title>
    <link rel="stylesheet" href="bqlqhbj.css" />
  </head>
  <body>
    <div class="tab-box">
      <div class="tab-head">
        <div class="tab-head-div current">周1</div>
        <div class="tab-head-div">周2</div>
        <div class="tab-head-div">周3</div>
        <div class="tab-head-div">周4</div>
        <div class="tab-head-div">周5</div>
        <div class="tab-head-div">周6</div>
        <div class="tab-head-div">周日</div>
        <div class="tab-head-back"></div>
      </div>
      <div class="tab-body">
        <div class="tab-body-div current">
          <li>1</li>
          <li></li>
          <li></li>
        </div>
        <div class="tab-body-div">
          <li>2</li>
          <li></li>
          <li></li>
        </div>
        <div class="tab-body-div">
          <li>3</li>
          <li></li>
          <li></li>
        </div>
        <div class="tab-body-div">
          <li>4</li>
          <li></li>
          <li></li>
        </div>
        <div class="tab-body-div">
          <li>5</li>
          <li></li>
          <li></li>
        </div>
        <div class="tab-body-div">
          <li>6</li>
          <li></li>
          <li></li>
        </div>
        <div class="tab-body-div">
          <li>7</li>
          <li></li>
          <li></li>
        </div>
      </div>
    </div>

    <script src="bqlqhbj.js"></script>
  </body>
</html>
